<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>注册页面</title>
    <style>
        body {
           /* background: url("../学生/2021889.jpg");*/
            background: url("../img/star.gif");
        }

        .center {
            width: 400px;
            text-align: center;
            background: white;
            margin: auto;
        }
    </style>
</head>
<body>
<div>
    <img src="../../../Html-1/src/img/logo.png"/>
</div>
<div class="center">

    <div>注册详情</div>
    <hr/>

    <div>
        <label for="username">姓名:&nbsp;&nbsp;</label>
        <input type="text" id="username" name="username" value="" placeholder="在此输入姓名" required/>
    </div>
    <div>
        <label for="password">密码:&nbsp;&nbsp;</label>
        <input type="password" id="password" name="password" value="" placeholder="在此输入密码" required/>
    </div>

    <div>
        <label for="email">邮箱:&nbsp;&nbsp;</label>
        <input type="email" id="email" name="email" value="" placeholder="在此输入邮箱" required/>
    </div>
    <div>
        <label for="tel">手机:&nbsp;&nbsp;</label>
        <input type="tel" id="tel" name="tel" value="" placeholder="在此输入手机号" required/>
        <hr/>
    </div>
    <div>
        <label for="gender">性别:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
        <input type="radio" id="gender" name="gender" value="men" />男&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="radio" name="gender" value="women"/>女&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    </div>
    <div>
        <label for="hobby">爱好:&nbsp;&nbsp;</label>
        <input type="checkbox" id="hobby" name="hobby" value="music"/>音乐
        <input type="checkbox" name="hobby" value="movie"/>电影
        <input type="checkbox" name="hobby" value="game"/>游戏
        <input type="checkbox" name="hobby" value="travel"/>旅游
    </div>

    <div>
        <label for="birthday">出生日期:&nbsp;&nbsp;</label>
        <input type="date" id="birthday" name="birthday">
    </div>
    <div>
        所在城市:<select name="city">
        <option>---请选择城市---</option>
        <optgroup label="直辖市">
        <option>北京</option>
        <option>上海</option>
        <option>天津</option>
        <option>重庆</option>
        </optgroup>
        <optgroup label="省会">
        <option>安徽</option>
        <option>河南</option>
        <option>河北</option>
        </optgroup>
    </select>
        <hr/>
    <div>
        个人介绍:<textarea name="desc" rows="5" cols="40"></textarea>
    </div>
    <div>
        <button type="submit">提交</button>
        <button type="reset">重置</button>
    </div>

</div>

</div>
</body>
</html>